<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>使用指南</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/problems.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content" style="padding-top: 20px;">
				<div class="lists">
					<div class="problem">
						<div class="sup-pbm">
							<p>1.如何通过电话预定？</p>
							<i></i>
						</div>
						<div class="sub-pbm" onclick="location='guidanceDetails.html';">
							帮助都市人群在繁荣的生活环境中拥有一个除了家以外的私人空间，解决释放、存储、珍藏、出行寄存等需求。2012年来到佛山，致力于打造让生活更加便捷。
						</div>
					</div>
					<div class="problem">
						<div class="sup-pbm">
							<p>2.如何通过微信预定？</p>
							<i></i>
						</div>
						<div class="sub-pbm" onclick="location='guidanceDetails.html';">
							帮助都市人群在繁荣的生活环境中拥有一个除了家以外的私人空间，解决释放、存储、珍藏、出行寄存等需求。2012年来到佛山，致力于打造让生活更加便捷。
						</div>
					</div>
					<div class="problem">
						<div class="sup-pbm">
							<p>3.预定成功之后如何看仓？</p>
							<i></i>
						</div>
						<div class="sub-pbm" onclick="location='guidanceDetails.html';">
							帮助都市人群在繁荣的生活环境中拥有一个除了家以外的私人空间，解决释放、存储、珍藏、出行寄存等需求。2012年来到佛山，致力于打造让生活更加便捷。
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			//展开问题详情
			$('.sup-pbm').click(function(){
				if($(this).hasClass('cur')){
					$(this).removeClass('cur').next().slideUp(200);
					$(this).find('i').css({
						'-webkit-transform':'rotate(225deg)',
						'transform':'rotate(225deg)'
					})
				}else{
					$(this).addClass('cur').next().slideDown(200);
					$(this).find('i').css({
						'-webkit-transform':'rotate(45deg)',
						'transform':'rotate(45deg)'
					})
				}
			})
		</script>
	</body>
</html>
